<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>嵩山智慧景区大数据中心</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="box">
        <div class="header-box">
            <h3>嵩山智慧景区大数据中心</h3>
            <div class="header-tab">
                <a href="./index_1.html" class><span>游客数据分析</span></a>
                <a href="./index_2.html"><span>景区运营数据分析</span></a>
                <a href="./index_3.html"><span>景区业态数据分析</span></a>
            </div>
        </div>
        <div class="main-box">
            <!-- 游客数据分析 -->
            <div class="main-flex-box ">
                <div class="left-box">
                    <div class="chart">
                        <p class="chart-title">旅游游客量</p>
                        <div class="chart-box" id="chart1-1">

                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">重点景区客流</p>
                        <div class="chart-box" id="chart1-2">

                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">停留时间</p>
                        <div class="chart-box" id="chart1-3">

                        </div>
                    </div>
                </div>
                <div class="center-box">
                    <div class="center-top ">
                        <h3>今日累计游客人数(人)</h3>
                        <div class="center-number">
                            <span>0</span>
                            <i>,</i>
                            <span>1</span>
                            <span>8</span>
                            <span>0</span>
                            <i>,</i>
                            <span>7</span>
                            <span>8</span>
                            <span>9</span>
                            <em>人</em>
                        </div>
                    </div>
                    <div class="center-tap">
                        <a href="javascript:;" class="active">按日 2019年8月8日</a>
                        <a href="javascript:;"> 按月 2019年8月</a>
                        <a href="javascript:;"> 按年 2019年</a>
                    </div>
                    <div class="chart-center-china" id="chart1-7">

                    </div>
                </div>
                <div class="right-box">
                    <div class="chart">
                        <p class="chart-title">交通占比</p>
                        <div class="chart-box" id="chart1-4">
                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">年龄性别占比</p>
                        <div class="chart-box chart-flex-box">
                            <div id="chart1-5-1">

                            </div>
                            <div id="chart1-5-2">

                            </div>
                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">来源省份TOP10</p>
                        <div class="chart-box" id="chart1-6">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../plugin/jquery-1.11.1.min.js"></script>
    <script src="../plugin/ECharts/echarts.js"></script>
    <script src="../plugin/ECharts/china.js"></script>
    <script src="../js/scroll.js"></script>
    <script src="../js/index_1.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>